<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>投票活动</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">

    <link rel="stylesheet" href="__HOME__/css/weui.css">
    <link rel="stylesheet" href="__HOME__/css/jquery-weui.css">
    <link rel="stylesheet" href="__HOME__/css/style.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_689900_q7w1lloaqzg2e29.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_587767_pfl2pe9afar.css">

    <script src="__HOME__/js/jquery.min.js"></script>
    <script src="__HOME__/js/vue.js"></script>

    <style>
        .mycenter-top img{border-radius: 50%;float: left;}

        .weui-grids:before {
            border-top: 0px solid #d9d9d9;
        }
    </style>
    <style>
        .mycenter-top img{border-radius: 50%;float: left;}
        .weui-grids:before {
            border-top: 0px solid #d9d9d9;
        }
    </style>
</head>
<body class="back1"  >
<div class="index-top-fix">
    <a href="{:url('/store/parent.index/index')}?shop_id={$shop_id}"   class="iconfont icon-left- left"></a>
    <p class="title">活动内容</p>
</div>
<div class="swiper-container">
    <div class="swiper-wrapper"style="margin-top: 42px">
        {if   $banner_info == null}
        <div class="swiper-slide">
            <a  href="#">
                <img src="__STATIC__/home/images/mrbanner.jpg" alt="">
            </a>
        </div>
        {/if}

        {volist name="banner_info" id="vo"}
        <div class="swiper-slide" >
            <a href="{$vo['url']}" >
                <img src="{$vo['pic_url']}" alt="">
            </a>
        </div>
        {/volist}
    </div>
    <div class="swiper-pagination"></div>
</div>
<!--<div class="weui-panel weui-panel_access">
    {foreach name="list" item="v" key="key"}
    <div class="weui-panel__ft">
        <a href="{:url('/store/parent.vote/join_detail')}?act_id={$v.act_id}" class="weui-cell weui-cell_access weui-cell_link">
            <div class="weui-cell__bd">{$v.title}</div>
            <span class="weui-cell__ft"></span>
        </a>
    </div>
    {/foreach}
</div>-->


<div class="weui-panel weui-panel_access">
    <div class="weui-panel__hd">活动列表</div>
    <div class="weui-panel__bd">
        {foreach name="list" item="v" key="key"}
        <a href="{:url('/store/parent.vote/join_detail')}?act_id={$v.act_id}&shop_id={$shop_id}" class="weui-media-box weui-media-box_appmsg" style="width: 40%;float:left;padding:15px 5%;">
            <div class="weui-media-box__hd">
                <img class="weui-media-box__thumb" src="{$v.pic_url}">
            </div>
            <div class="weui-media-box__bd">
                <h5 class="weui-media-box__title" style="margin-top: -15px;font-size: 15px;">{$v.title}</h5>
            </div>
        </a>
        {/foreach}
    </div>
<!--    <div class="weui-panel__ft">
        <a href="javascript:void(0);" class="weui-cell weui-cell_access weui-cell_link">
            <div class="weui-cell__bd">查看更多</div>
            <span class="weui-cell__ft"></span>
        </a>
    </div>-->
</div>




</body>
<script src="__HOME__/js/jquery.min.js"></script>
<script src="__HOME__/js/jquery-weui.min.js"></script>
<script src="__HOME__/js/swiper.min.js"></script>

<script>
    var mySwiper = new Swiper('.swiper-container', {
        autoplay: 3000,//可选选项，自动滑动
        speed:500,  //滑动速度
        pagination : '.swiper-pagination', // 分页器
        paginationType : 'bullets', //fraction 数字分页坐标  bullets 加点页坐标
        loop:true, // 连续循环
        autoplayDisableOnInteraction : false, // 滑动后继续滑动
        //autoHeight: true, //高度随内容变化
    });
    function AutoScroll(obj){
        $(obj).find("ul:first").animate({
            marginTop:"-40px"
        },500,function(){
            $(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
        });
    }
    $(document).ready(function(){
        setInterval('AutoScroll("#scrollDiv")',3000);
    });
</script>

</html>

